<template>
  <BaseContent
    label="关于我们"
    :items="tabItem"
    class-name="nei_right_title"
    :links="breadcrumbsLinks"
  >
    <div class="nei_rt_gy_list">
      <q-card
        v-for="(item, index) in carImgItems"
        :key="index"
        class="my-card"
        @click="$router.push({ path: item.to })"
      >
        <img :src="item.img" />
        <q-card-section>
          <div class="text-h6">{{ item.label }}</div>
          <div class="text-subtitle2">{{ item.introduce }}</div>
        </q-card-section>
      </q-card>
    </div>
  </BaseContent>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { DreadcrumbsLinksData } from '@/constants/constantType'
import carImg from '@/assets/images/9.jpg'

const tabItem = [
  { to: '/company-introduction', label: '公司简介' },
  { to: '/honor', label: '荣誉资质' },
]
const breadcrumbsLinks = ref<DreadcrumbsLinksData[]>([
  { to: '/home', label: '首页' },
  { label: '公司简介' },
])
const carImgItems = [
  {
    to: '/about-info',
    img: carImg,
    label: '公司简介',
    introduce: '我们公司成立于2019年，位于杭州',
  },
  {
    to: '/about-info',
    img: carImg,
    label: '公司简介',
    introduce: '我们公司成立于2019年，位于杭州',
  },
  {
    to: '/about-info',
    img: carImg,
    label: '公司简介',
    introduce: '我们公司成立于2019年，位于杭州',
  },
  {
    to: '/about-info',
    img: carImg,
    label: '公司简介',
    introduce: '我们公司成立于2019年，位于杭州',
  },
]
</script>

<style lang="scss" scoped></style>
